body{margin: 0px; padding: 0px; font-size: 14px; font-family: "微软雅黑"; line-height: 22px; color: #333; background: #f1f1f1;}
ul,ol,dl,dt,dd,li{margin: 0px; padding: 0px; list-style: none;}
a{color: #333; text-decoration: none;}
a:hover{color: #333;}
img{border: 0px;}

.wap{max-width: 1080px; margin: auto;}
.wap .vip_top{background:url(/img/m01.jpg) no-repeat center bottom #2c333b; background-size:cover; height:400px; position: relative; text-align: center; font-size: 16px; font-weight: bold; color: #fff;}
.wap .vip_top .tt{height: 50px; line-height: 50px;}
.wap .vip_top .m1{width: 90%; margin: 10px 5% 0 5%; position: absolute;}
.wap .vip_top .m1 .n1{ overflow: hidden;}
.wap .vip_top .m1 .n1 img{display: block; width: 100%;}
@media only screen and (max-width:700px ) {
	.wap .vip_top{height: 300px;}
}
@media only screen and (max-width:500px ) {
	.wap .vip_top{height: 250px;}
}
@media only screen and (max-width:400px ) {
	.wap .vip_top{height: 200px;}
}
@media only screen and (max-width:300px ) {
	.wap .vip_top{height: 150px;}
}
.wap .vip_top .m1 .n2{position: absolute; top: 40px; width: 100%; overflow: hidden;}
.wap .vip_top .m1 .n2 .a1,.wap .vip_top .m1 .n2 .a2,.wap .vip_top .m1 .n2 .a3{padding-left: 10%; width: 90%; text-align: left;}
.wap .vip_top .m1 .n2 .a1 img{display: block; float: left; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;}
.wap .vip_top .m1 .n2 .a1 span{display: block; float: left; line-height: 50px; color: #774528;}
.wap .vip_top .m1 .n2 .a2{clear: both; color: #333; margin-top: 50px; font-size: 14px; font-weight: 100; margin-top: 100px; font-size: 18px;}
.wap .vip_top .m1 .n2 .a3{margin-top: 150px;}
.wap .vip_top .m1 .n2 .a3 a{display: block; height: 60px; width: 60%; border-radius:60px ; background: #464950; text-align: center; line-height: 60px; color: #fcf092; letter-spacing: 2px;}
@media only screen and (max-width:900px ) {
	.wap .vip_top .m1 .n2 .a2{margin-top: 50px; transition: all 0.5s;}
	.wap .vip_top .m1 .n2 .a3{margin-top: 100px; transition: all 0.5s;}
}
@media only screen and (max-width:700px ) {
	.wap .vip_top .m1 .n2 .a2{margin-top: 30px;}
	.wap .vip_top .m1 .n2 .a3{margin-top: 50px;}
}
@media only screen and (max-width:550px ) {
	.wap .vip_top .m1 .n2 .a2{margin-top: 10px;}
	.wap .vip_top .m1 .n2 .a3{margin-top: 20px;}
}
@media only screen and (max-width:430px ) {
	.wap .vip_top .m1 .n2 .a2{margin-top: 5px; font-size: 12px;}
	.wap .vip_top .m1 .n2 .a3{margin-top: 15px;}
	.wap .vip_top .m1 .n2 .a3 a{height: 30px; line-height: 30px; font-weight: 100; transition: all 0.5s;}
}
@media only screen and (max-width:330px ) {
	.wap .vip_top .m1 .n2{top: 20px;}
	.wap .vip_top .m1 .n2 .a3 a{font-size: 14px; font-weight: 100;}
}
@media only screen and (max-width:300px ) {
	.wap .vip_top .m1 .n2 .a3{margin-top: 5px;}
	.wap .vip_top .m1 .n2 .a3 a{font-size: 12px;}
	
}

.wap .vip_main{margin: 220px 5% 0 5%; color: #333; overflow: hidden;}
.wap .vip_main h2{margin: 0px; padding: 0px; text-align: center; font-weight: 100; letter-spacing: 3px;}
.wap .vip_main table{border-left:1px solid #cdbea4; background:#faf7ee; text-align: center; border-top:1px solid #cdbea4; margin-top: 20px; overflow: hidden;}
.wap .vip_main table td{border-right: 1px solid #CDBEA4; padding: 5px 0; border-bottom: 1px solid #CDBEA4;}
.wap .vip_main table .m{background: #f6efe7; color: #b8af7b; font-size: 16px; font-weight: bold;}
.wap .vip_main table .m .n1{width: 40%;}
.wap .vip_main table .m .n2{width: 30%;}
.wap .vip_main .n3{margin: 10px 0; color: #666;}
@media only screen and (max-width:950px ) {
	.wap .vip_main{margin-top: 150px; transition: all 0.5s;}
}
@media only screen and (max-width:850px ) {
	.wap .vip_main{margin-top: 100px;}
}
@media only screen and (max-width:750px ) {
	.wap .vip_main{margin-top: 80px;}
}
@media only screen and (max-width:700px ) {
	.wap .vip_main{margin-top: 150px;}
}
@media only screen and (max-width:650px ) {
	.wap .vip_main{margin-top: 100px;}
}
@media only screen and (max-width:560px ) {
	.wap .vip_main{margin-top: 70px;}
}
@media only screen and (max-width:450px ) {
	.wap .vip_main{margin-top: 40px;}
}
@media only screen and (max-width:400px ) {
	.wap .vip_main{margin-top: 70px;}
}
@media only screen and (max-width:350px ) {
	.wap .vip_main{margin-top: 50px;}
}
@media only screen and (max-width:300px ) {
	.wap .vip_main{margin-top: 70px;}
}
